/* 根元素样式 设置页面背景、字体大小、字体颜色，字符间距、长单词换行 */
page {
	font-family: Helvetica, ‘Hiragino Sans GB’, ‘Microsoft Yahei’, ‘微软雅黑’, Arial, sans-serif;
	background-color: #F5F5F5;
	font-size: 28rpx;
	box-sizing: border-box;
	color: #333;
	letter-spacing: 0;
	word-wrap: break-word;
	--btn-color: #1983e8;
	--bg-color: #F5F5F5;
	--tips-color: #e70012;
	--normal-color: #009a44;
	--error-color: #f98110;
	--main-color: #1983e8;
	--blue-color: #00BAFF;
	--yellow-color: #f98110;
	--green-color: #8FC31F;
	--red-color: #e70012;
}

.content {
	display: flex;
	flex-direction: column;
}

.flex-row {
	display: flex;
	flex-direction: row;
}

.flex-col {
	display: flex;
	flex-direction: column;
}

/* 固定位置 */
.sticky-box {
	/* 移到顶部固定 */
	position: sticky;
	top: var(--window-top);
	z-index: 999;
	background-color: #F5F5F5;
	padding-bottom: 16rpx;
}

/* 设置常用元素尺寸规则 */
/* view,textarea,input,label,form,button,image{box-sizing: border-box;} */
/* 取消按钮默认的边框线效果 */
button:after{border:none;}

/* 字体颜色 */
.color_333 {color: #333;}
.color_666 {color: #666;}
.color_999 {color: #999;}
.color_ccc {color: #ccc;}
.color_fff {color: #fff;}
.color_f90 {color: #FF9300;}
.color_fc0 {color: #FFC000;}
.color_0cb {color: #00C2B2;}

/* 背景色*/
.bg_fff{background-color: #ffffff;}
/* css变量 */
/* page {
	
} */


/* 字体大小 */
.size_10 {font-size: 20rpx;}
.size_12 {font-size: 24rpx;}
.size_14 {font-size: 28rpx;}
.size_16 {font-size: 32rpx;}
.size_18 {font-size: 36rpx;}
.size_20 {font-size: 40rpx;}

/* 字体加粗 */
.font_b{font-weight: bold;}

/* 对齐方式 */
.align_c{text-align: center;}
.align_l{text-align: left;}
.align_r{text-align: right;}

/* 遮罩 */
.shade{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.8);
  z-index: 100;
}
 
/* 弹窗 */
.shade_box{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 101;
  min-width: 200rpx;
  min-height: 200rpx;
}

/* 解决小程序和app滚动条的问题 */
/* #ifdef MP-WEIXIN || APP-PLUS */ 
::-webkit-scrollbar{ 
	display: none; 
}
/* #endif */ 
/* 解决H5 的问题 */
/* #ifdef H5 */ 
uni-scroll-view .uni-scroll-view::-webkit-scrollbar { 
	/* 隐藏滚动条，但依旧具备可以滚动的功能 */ 
	display: none 
} 
/* #endif */